<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript"></script>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
    <select v-model='optionesValue'>
        <option v-for="(item,index) of listArray" :value=item.age :key='index'>{{item.age}}</option>
    </select>
    <button @click='buttonClickAtion' style="display: inline-block;margin-left: 20PX">确认</button>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: "#app",
        data:{
            optionesValue:'24',
            listArray:[{
                name:'01',age:'20'},
                {name:'02',age:'21'},
                {name:'02',age:'22'},
                {name:'03',age:'23'},
                {name:'04',age:'24'}
            ]
        },
        methods:{

            buttonClickAtion:function()
            {
                alert(this.optionesValue);
            }
        }
    })
</script>
</body>
</html>
